$(document).ready(function() {
    // 点击列表项时平滑滚动到指定位置
    $('#MyList li').on('click', function() {
        var target = $(this).data('target'); // 获取data-target属性
        if (target) {
            $('html, body').animate({
                scrollTop: $(target).offset().top
            }, 800); // 800ms滚动到目标位置
        }
    });

    // 鼠标悬停时增加动画效果
    $('#MyList li').hover(
        function() {
            // 鼠标进入时的效果
            $(this).css('transform', 'scale(1.05)').css('box-shadow', '0 4px 8px rgba(0, 0, 0, 0.1)');
        },
        function() {
            // 鼠标离开时的效果
            $(this).css('transform', 'scale(1)').css('box-shadow', 'none');
        }
    );
});
